<template>
	<view class="box">
		<view class="tab-nav">
			<view class="tab-list-item" v-for="(item,index) in toggleList" :key="index"
				@click="clickToggleHandle(item,index)">
				<view :class="{ active: indexs==index}" class="text">{{ item.label }}</view>
				<view class="line" v-if="indexs==index">

				</view>
			</view>
		</view>
		<view class="orderwrap">
			<view class="orderitem" v-for="item in lists" :key="item.id">
				<view class="itemtop">
					<view class="name fw5" @click="goShopDetails(item)">
						<image style="width: 38rpx;height: 38rpx;border-radius: 50%;margin-right: 10rpx;"
							:src="item.shop_seller.logo" mode="aspectFill"></image> {{item.shop_seller.name}}
					</view>
					<view class="tag" v-if="item.status==1">
						待支付
					</view>
					<view class="tag2" v-if="item.status==2">
						待发货
					</view>
					<view class="tag2" v-if="item.status==5">
						已完成
					</view>
					<view class="tag2" v-if="item.status==4">
						待评价
					</view>
					<view class="tag2" v-if="item.status==3">
						待收货
					</view>
					<view class="tag2" v-if="item.status==6">
						已取消
					</view>
				</view>
				<view class="itemcenter" v-for="itm in item.detail" :key="itm.spec" @click="godetails(item)">
					<!-- <image src="/static/image/test.png" mode="aspectFill"></image> -->
					<image :src="itm.image" mode="aspectFill"></image>
					<view class="itemcenterright">
						<view class="itemcenterrightitem fw5" style="margin-top: 0rpx;">
							{{itm.goods_name}}
						</view>
						<view class="itemcenterrightitem c9">
							<text class="textone">数量X{{itm.num}}</text>
						</view>
						<view class="itemcenterrightitem fw5">
							￥{{itm.price}}
						</view>
					</view>
				</view>

				<view class="itemcenterbot">
					<view class="time">
						<text class="text1" v-if="item.countdown>0&&item.status==1">剩余时间：</text>
						<u-count-down class="c1" v-if="item.countdown>0&&item.status==1" :time="item.countdown*1000"
							format="HH:mm:ss" @finish="isFinish"></u-count-down>
						<!-- <text class="text2" v-if="item.status==3">最新物流:你的快递已经到达【郑州航空</text> -->
					</view>
					<view class="btnwrap">
						<text class="btn1" v-if="item.status===5&&item.invoice_status==0&&item.refund_count==0"
							@click="applyinvoice(item.id)">开具发票</text>
						<text class="btn1"
							v-if="item.status===5&&item.invoice_status==1&&item.refund_count==0">开票中</text>
						<text class="btn1"
							v-if="item.status===5&&item.invoice_status==2&&item.refund_count==0">开票成功</text>
						<!-- <text class="btn1" v-if="status===0" >取消</text> -->
						<text class="btn1" v-if="(item.status===2||item.status===1) && item.equity_selected==1"
							@click="cancel(item.id)">取消订单</text>
						<text class="btn1" v-if="item.status===3" @click="subsh(item)">确认收货</text>
						<text class="btn1"
							v-if="(item.status==4||item.status==3)&&item.refund_status!=3&&item.is_virtual==0"
							@click="selitem(item)">申请售后</text>
						<text class="btn1" v-if="item.status===3" @click="godetail(item.id)">查看物流</text>
						<text class="btn1" v-if="item.status===4" @click="selitemtwo(item)">去评价</text>
						<!-- #ifdef MP-WEIXIN -->
						<button class="btn2" style="width: 180rpx;" v-if="item.status===5&&item.is_virtual==1"
							open-type="contact">联系客服</button>
						<!-- #endif -->
						<!-- #ifdef MP-ALIPAY -->
						<view class="" style="position: relative;" v-if="item.status===5&&item.is_virtual==1">
							<view class="btn2">咨询客服</view>
							<contact-button class="btn2" tnt-inst-id="Fs0_yOao" scene="SCE01350885" />
						</view>
						<!-- #endif -->
						<!-- #ifdef H5 -->
						<text class="btn2" v-if="item.status===5&&item.is_virtual==1" @click="gokefu">联系客服</text>
						<!-- #endif -->
						<text class="btn1" v-if="item.status===5" @click="godetails(item)">查看详情</text>
						<text class="btn2" v-if="item.status===1&&item.countdown>0" @click="gopay(item)">去支付</text>
					</view>
				</view>
			</view>
			<view class="empty2">

			</view>
			<noDatas :xxxList="lists" :status="status"></noDatas>
		</view>
		<u-popup :show="flag" mode="center" @close="flag=false" :closeable="true" bgColor="transparent"
			:closeOnClickOverlay="false">
			<view class="popup-content1">
				<text class="popup-title1 h2">联系客服</text>
				<view class="popup-center1" @click="copywx">
					<text>客服微信：{{info.hot_wechat}}</text>
					<image @click="copywx" :src="baseUrl +'/static/icon/copy.png'" mode="aspectFill"></image>
				</view>
				<view class="popup-center1">
					<text>客服电话：{{info.hot_line}}</text>
					<image @click="copytel" :src="baseUrl +'/static/icon/copy.png'" mode="aspectFill"></image>
				</view>
				<text class="btns1" @click="flag=false">确定</text>
			</view>
		</u-popup>
		<u-popup :show="tipShow" mode="bottom" @close="tipShow=false" :closeable="true" bgColor="transparent"
			:closeOnClickOverlay="false">
			<view class="popup-content" v-if="items">
				<text class="popup-title h2">选择商品</text>
				<view class="wrapss">
					<view class="itemcenter2" :class="{ active2: selid==item.id}" v-for="item in items.detail"
						:key="item.spec" @click="changeitem(item.id)">
						<image :src="item.image" mode="aspectFill"></image>
						<view class="itemcenterright">
							<view class="itemcenterrightitem" style="margin-top: 0rpx;">
								{{item.goods_name}}
							</view>
							<view class="itemcenterrightitem">
								<text class="textone">数量X{{item.num}}</text>
							</view>
							<view class="itemcenterrightitem">
								￥{{item.price}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="tipShowtwo" mode="bottom" @close="tipShowtwo=false" :closeable="true" bgColor="transparent"
			:closeOnClickOverlay="false">
			<view class="popup-content" v-if="itemstwo">
				<text class="popup-title h2">选择商品</text>
				<view class="wrapss">
					<view class="itemcenter2" :class="{ active2: selidtwo==item.id}" v-for="item in itemstwo.detail"
						:key="item.spec" @click="changeitemtwo(item.id)">
						<image :src="item.image" mode="aspectFill"></image>
						<view class="itemcenterright">
							<view class="itemcenterrightitem">
								{{item.goods_name}}
							</view>
							<view class="itemcenterrightitem">
								<text class="textone">数量X{{item.num}}</text>
							</view>
							<view class="itemcenterrightitem">
								￥{{item.price}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</u-popup>
		<u-popup :show="flagcanel" mode="center" @close="flagcanel = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">确定要取消订单吗</text>
				<view class="prompt_ntm flex_ld_a">
					<text @click="flagcanel = false">取消</text>
					<text @click="submitcanel">确定</text>
				</view>
			</view>
		</u-popup>
		<u-popup :show="flagsh2" mode="center" @close="flagsh2 = false" closeable bgColor="transparent">
			<view class="prompt flex_ZC">
				<text class="f36">提示</text>
				<text class="prompt_tit">确定要收货吗</text>
				<view class="prompt_ntm flex_ld_a">
					<text @click="flagsh2 = false">取消</text>
					<text @click="submitsh">确定</text>
				</view>
			</view>
		</u-popup>
		<u-popup :show="invoiceShow" mode="bottom" @close="invoiceShow = false" closeable bgColor="transparent"
			duration="400" :safeAreaInsetBottom="false">
			<view class="prompt2 flex_ZC" style="background-color: #f5f5f5;">
				<text class="f36 " style="margin-top:20rpx">选择开票信息</text>

				<view class="address ">
					<view class="address pd3024" v-if="InvoiceInfo">
						<view class="address_top flex_dq">
							<text class="f30 c3" v-if="InvoiceInfo.invoice_type == 2">增值税电子专用发票</text>
							<text class="f30 c3" v-if="InvoiceInfo.invoice_type == 1">增值税电子普通发票</text>
							<text class="f30 c3"></text>
							<text class="defaults" v-if="InvoiceInfo.is_default">默认</text>

							<text class="company" v-if="InvoiceInfo.type == 1">个人</text>
							<text class="company" v-if="InvoiceInfo.tag == 2">企业</text>

						</view>
						<view class="address_detail">
							<text class="f30 c3">{{InvoiceInfo.name}}</text>
						</view>
						<view class="address_detail">
							<text class="f30 c3">{{InvoiceInfo.email}}</text>
						</view>
						<view class="change_address" @click="changeAddress">
							<text>更换发票</text>
						</view>
					</view>
					<view class="address_top flex_Z" v-else @click="changeAddress">
						<view class=" flex_ld">
							<text class="f30 c3">暂无发票信息</text>
							<u-icon name="arrow-right" color="#999999" size="16"></u-icon>
						</view>
						<view class=" flex_ld">
							<text class="f28 c6">去添加发票</text>
						</view>
					</view>
				</view>
				<view class="prompt_ntm2 flex_ld_a">
					<!-- <text @click="flagsh = false">再想想</text> -->
					<text @click="applyfp()">确定</text>
				</view>
			</view>
		</u-popup>
		<u-popup :show="flagsh" mode="bottom" @close="flagsh = false" closeable bgColor="transparent" duration="400"
			:safeAreaInsetBottom="false">
			<view class="prompt2   flex_ZC">
				<text class="f36 " style="margin-top:20rpx">权益生效规则</text>
				<view class="selwrap">
					<view class="selitem" v-for="(item,index) in sellist" :key="index" @click="changesel(item)">
						<text>{{item.label}} </text>
						<image v-if="item.select" :src="baseUrl +'/static/icon/i_xz.png'" mode="aspectFill"></image>
						<image v-if="!item.select" :src="baseUrl +'/static/icon/i_wxz.png'" mode="aspectFill"></image>
					</view>
				</view>
				<view class="tits">
					提示
				</view>
				<view class="contents">
					如选择立即生效，该笔订单所含More值和徽章权益将立即赠送，但因虚拟商品生效也将导致7天无理由退货不可用，如遇商品质量问题仍可以换货，
				</view>
				<view class="prompt_ntm2 flex_ld_a">
					<!-- <text @click="flagsh = false">再想想</text> -->
					<text @click="submitsh">确定</text>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		oderlist,
		cancelorder,
		receive,
		openInvoice
	} from "../../api/order.js"
	import {
		setting,
		lastInvoice
	} from "../../api/other.js"
	export default {
		data() {
			return {
				baseUrl: this.$imageBaseUrl,
				toggleList: [{
						label: '全部',
						statusval: "",
						select: true
					}, {
						label: '待支付',
						statusval: "1",
						select: false
					}, {
						label: '待发货',
						statusval: "2",
						select: false
					},
					{
						label: '已完成',
						statusval: "5",
						select: false
					},


				],
				selval: "",
				indexs: 0,
				status: 5,
				page: 1,
				size: 50,
				status: "loadmore",
				lists: [],
				statusval: "",
				tipShow: false,
				items: null,
				itemstwo: null,
				selid: 0,
				tipShowtwo: false,
				selidtwo: 0,
				canelid: "",
				flagcanel: false,
				flagsh: false,
				shitem: {},
				sellist: [{
						label: "立即生效",
						select: true,
						type: 2
					},
					{
						label: "7天后自动生效",
						select: false,
						type: 1
					}

				],
				seltype: 2,
				flagsh2: false,
				flag: false,
				info: {},
				invoiceShow: false,
				InvoiceInfo: null,
				appylfpid: ""
			}
		},
		onShow() {
			this.tipShow = false
			this.invoiceShow = false
			if (uni.getStorageSync('replaceInvoice')) {
				this.InvoiceInfo = uni.getStorageSync('replaceInvoice')
				this.invoiceShow = true
			}
		},
		onLoad(e) {
			if (e.id) {
				if (e.id == 0) {
					this.statusval = ""
				}
				if (e.id == 1) {
					this.statusval = "1"
				}
				if (e.id == 2) {
					this.statusval = "2"
				}
				this.indexs = e.id
			}
			if (uni.getStorageSync('token')) {
				this.initInvoice()
			}
			this.getlist()
			this.getinfos()
		},
		onUnload() {
			console.log('触发卸载');
			uni.removeStorageSync("replaceInvoice")
		},
		methods: {
			gokefu() {
				window.location.href = "https://work.weixin.qq.com/kfid/kfcc9a6800d61bdb24d"
			},
			applyfp() {
				openInvoice({
					id: this.appylfpid,
					invoice_id: this.InvoiceInfo.id
				}).then(res => {
					if (res.code == 1) {
						this.invoiceShow = false
						this.page = 1
						this.getlist()
					}
					uni.$u.toast(res.msg)
				})
			},
			initInvoice() {
				lastInvoice().then(res => {
					console.log('地址', res)
					if (res.code == 1) {
						this.InvoiceInfo = res.data
						console.log(this.InvoiceInfo, "9996")
					}
				})
			},
			changeAddress() {
				uni.navigateTo({
					// url: '/pageUser/myuser/addresslist?changeState=' + true
					url: '/pageOrder/aboutorder/invoicelist?changeState=' + true
				})
			},
			applyinvoice(id) {
				this.appylfpid = id
				this.invoiceShow = true
			},
			getinfos() {
				setting().then(res => {
					this.info = res.data.hot_service
				})
			},
			changesel(ele) {
				this.sellist.forEach(item => item.select = false)
				// this.currLabel = ele.label
				ele.select = true
				this.seltype = ele.type
			},
			isFinish(e) {

			},
			gopay(item) {
				// #ifdef H5
				uni.navigateTo({
					url: '/pagesMy/cloudCat/paymentCenter?id=' + item.id + '&totalPrice=' + item.pay_price +
						"&type=1"
				})
				// #endif
				// #ifdef MP-WEIXIN || MP-ALIPAY
				uni.navigateTo({
					url: '/pagesMy/cloudCat/paymentCenter?id=' + item.id + '&totalPrice=' + item.pay_price +
						"&type=1"
				})
				// #endif
				console.log(item)
			},

			submitsh() {
				let that = this
				// #ifdef MP-WEIXIN
				console.log(that.shitem.payment_trade)
				if (that.shitem.payment_trade != null) {
					if (that.shitem.payment_trade.source == "miniapp") {
						const orderData = {
							merchant_id: that.shitem.payment_trade.wxpay_mch_id,
							merchant_trade_no: that.shitem.payment_trade.merchant_trade_no,
							transaction_id: that.shitem.payment_trade.transaction_id
						};
						 console.log(orderData,"打印收获参数")
						wx.openBusinessView({
							businessType: 'weappOrderConfirm',
							extraData: orderData,
							success(res) {
								console.log(res,"成功参数")
								let data = {

								}
								if (that.shitem.equity_selected == 2) {
									data = {
										id: that.shitem.id
									}
								}
								if (that.shitem.equity_selected == 1) {
									data = {
										id: that.shitem.id,
										equity_selected: that.seltype
									}
								}
								if (res.extraData.status == "success") {
									receive(
										data
									).then(res => {
										if (res.code == 1) {
											that.flagsh2 = false
											that.flagsh = false
											that.page = 1
											that.getlist()
										}
										uni.$u.toast(res.msg)
									})
								}
							},
							fail(res) {
								console.error('打开订单确认页面失败', res);
							}
						});
					}
				} else {
					let data = {

					}
					if (that.shitem.equity_selected == 2) {
						data = {
							id: that.shitem.id
						}
					}
					if (that.shitem.equity_selected == 1) {
						data = {
							id: that.shitem.id,
							equity_selected: that.seltype
						}
					}
					receive(
						data
					).then(res => {
						if (res.code == 1) {
							that.flagsh = false
							that.flagsh2 = false
							that.page = 1
							that.getlist()
						}
						uni.$u.toast(res.msg)
					})
				}
				// #endif
				// #ifdef H5 || MP-ALIPAY
				let data = {

				}
				if (that.shitem.equity_selected == 2) {
					data = {
						id: that.shitem.id
					}
				}
				if (that.shitem.equity_selected == 1) {
					data = {
						id: that.shitem.id,
						equity_selected: that.seltype
					}
				}
				receive(
					data
				).then(res => {
					if (res.code == 1) {
						that.flagsh = false
						that.flagsh2 = false
						that.page = 1
						that.getlist()
					}
					uni.$u.toast(res.msg)
				})
				// #endif

			},
			cancel(id) {
				this.canelid = id
				this.flagcanel = true
			},
			subsh(item) {
				this.shitem = item
				if (item.equity_selected == 2) {
					this.flagsh2 = true
				}
				if (item.equity_selected == 1) {
					this.flagsh = true
				}
			},
			submitcanel() {
				cancelorder({
					id: this.canelid
				}).then(res => {
					if (res.code == 1) {
						this.flagcanel = false
						this.page = 1
						this.getlist()
					}
					uni.$u.toast(res.msg)
				})
			},
			changeitem(id) {
				this.selid = id
				setTimeout(() => {
					uni.navigateTo({
						url: "/pageOrder/aboutorder/applyaftersale?id=" + id
					})
				}, 500)
			},
			changeitemtwo(id) {
				this.selidtwo = id
				setTimeout(() => {
					uni.navigateTo({
						url: "/pageOrder/aboutorder/evaluate?id=" + id
					})
				}, 500)
			},
			selitem(item) {
				console.log(item)
				if (item.detail.length > 1) {
					this.items = item
					console.log(this.items)
					this.tipShow = true
				} else {
					uni.navigateTo({
						url: "/pageOrder/aboutorder/applyaftersale?id=" + item.detail[0].id
					})
				}


			},
			selitemtwo(item) {
				if (item.detail.length > 1) {
					this.itemstwo = item
					this.tipShowtwo = true
				} else {
					uni.navigateTo({
						url: "/pageOrder/aboutorder/evaluate?id=" + item.detail[0].id
					})
				}


			},
			goaftersale(id) {
				uni.navigateTo({
					url: "/pageOrder/aboutorder/applyaftersale?id=" + id
				})
			},
			getlist() {
				oderlist({
					status: this.statusval,
					page: this.page,
					page_size: this.size
				}).then(res => {
					if (res.code == 1) {
						let list = res.data.data;

						this.lists = this.page == 1 ? list : this.lists.concat(list);
						console.log(this.lists);
						if (list.length < this.size) this.status = 'nomore';
						else this.status = 'loading';
					}
					console.log(res)
				})
			},
			goShopDetails(item) {
				if (item.shop_seller && item.shop_seller.id) {
					uni.navigateTo({
						url: '/pagesMy/cloudCat/shopDetails?id=' + item.shop_seller.id
					})
				} else {
					uni.$u.toast('当前商家已退店')
				}

			},
			godetails(item) {
				if (item.shop_seller && item.shop_seller.id) {
					uni.navigateTo({
						url: "/pageOrder/aboutorder/orderdetail?id=" + item.id
					})
				} else {
					uni.$u.toast('当前商家已退店')
				}
				// uni.navigateTo({
				// 	url: "/pageOrder/aboutorder/orderdetail?id=" + id
				// })
			},
			godetail(id) {
				uni.navigateTo({
					url: "/pageOrder/aboutorder/expressdetail?id=" + id
				})
			},
			clickToggleHandle(ele, index) {
				this.statusval = ele.statusval
				this.indexs = index
				this.toggleList.forEach(item => item.select = false)
				// this.currLabel = ele.label
				ele.select = true
				console.log(ele, index)

				this.selval = ele.label
				this.page = 1
				this.getlist()
			},
		},
		onReachBottom() {
			if (this.status != 'nomore') {
				this.page = this.page + 1
				this.getlist()
			}
		},
	}
</script>
<style>
	.btnwrap {
		display: flex;
		align-items: center;
		margin-right: 24rpx;
	}

	contact-button {
		width: 152rpx;
		height: 52rpx;
		position: absolute;
		right: 0;
		top: 0;
		opacity: 0 !important;
		z-index: 9999;
	}

	.btn2 {
		width: 152rpx;
		height: 52rpx;
		border-radius: 536rpx 536rpx 536rpx 536rpx;
		border: 1rpx solid #F63418;
		text-align: center;
		line-height: 54rpx;
		font-weight: 400;
		font-size: 26rpx;
		color: #F63418;
		margin-left: 24rpx;
	}
</style>
<style lang="scss">
	.box {
		position: relative;
		width: 750rpx;
		height: 100vh;
	}

	.invoicewrap {}

	.tab-nav {
		width: 750rpx;
		height: 100rpx;
		background-color: #fff;
		// margin-left: 20rpx;
		display: flex;
		align-items: center;
		position: fixed;

		z-index: 999;
		justify-content: space-around;

		.tab-list-item {
			position: relative;

			.text {
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 10rpx;
				opacity: 1;
				font-weight: 500;
				text-align: center;
				font-size: 32rpx;
				color: #A6A5AF;
				z-index: 99;
				position: relative;
			}

			.active {
				font-weight: 700;
				color: #333333;
				z-index: 98;
				position: relative;
			}

			.line {
				width: 66rpx;
				height: 10rpx;
				background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
				border-radius: 118rpx 118rpx 118rpx 118rpx;
				position: absolute;
				top: 70%;
				left: 50%;
				transform: translate(-50%);
				z-index: 60;
			}
		}
	}

	.active2 {
		background: #f2f2f2;
		border-radius: 10rpx;
	}

	.address {
		width: 750rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin-top: 50rpx;
	}

	.pd3024 {
		padding: 30rpx 24rpx;
	}

	.pd2024 {
		padding: 20rpx 24rpx;
	}

	.address_top>text {
		margin-right: 16rpx;
	}

	.orderwrap {
		width: 750rpx;
		position: relative;
		top: 120rpx;

		.orderitem {
			width: 690rpx;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			margin: 0 auto;
			margin-bottom: 30rpx;

			.itemtop {
				display: flex;

				.name {
					display: flex;
					align-items: center;
					margin-top: 38rpx;
					width: 500rpx;
					margin-left: 24rpx;
					color: #333;
				}

				.tag {
					margin-top: 38rpx;
					margin-left: 24rpx;
					width: 96rpx;
					height: 42rpx;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					border: 1rpx solid #FFC300;
					font-weight: 400;
					font-size: 24rpx;
					color: #FFC300;
					text-align: center;
					line-height: 42rpx;
				}

				.tag2 {
					margin-top: 38rpx;
					margin-left: 24rpx;
					width: 96rpx;
					height: 42rpx;
					border-radius: 8rpx 8rpx 8rpx 8rpx;
					border: 1rpx solid #999999;
					font-weight: 400;
					font-size: 24rpx;
					color: #999999;
					text-align: center;
					line-height: 42rpx;
				}
			}

			.itemcenter {
				height: 140rpx;
				margin-top: 30rpx;
				margin-left: 24rpx;
				display: flex;

				>image {
					width: 140rpx;
					height: 140rpx;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
				}

				.itemcenterright {
					margin-left: 24rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-between;
					.itemcenterrightitem {
						// margin-top: 10rpx;
						width: 450rpx;
						white-space: nowrap;
						/* 强制文本不换行 */
						overflow: hidden;
						/* 隐藏溢出部分 */
						text-overflow: ellipsis;
						color: #333;

						.textone {
							font-weight: 400;
							font-size: 26rpx;
							color: #666666;
						}

						.texttwo {
							font-weight: 400;
							font-size: 26rpx;
							color: #666666;
							margin-left: 34rpx;
						}
					}
				}
			}

			.itemcenterbot {
				display: flex;
				position: relative;
				margin-top: 32rpx;
				margin-left: 22rpx;
				align-items: center;
				justify-content: space-between;
				padding-bottom: 20rpx;

				.time {
					display: flex;
					align-items: center;
					font-weight: 400;
					font-size: 26rpx;
					color: #E78C4C;

					.text1 {
						font-weight: 400;
						font-size: 26rpx;
						color: #E78C4C;
					}

					.text2 {
						font-weight: 400;
						font-size: 26rpx;
						color: #666666;
					}

				}

				.btnwrap {
					display: flex;
					align-items: center;
					margin-right: 24rpx;

					.btn1 {
						width: 152rpx;
						height: 52rpx;
						border-radius: 536rpx 536rpx 536rpx 536rpx;
						border: 1rpx solid #A6A5AF;
						text-align: center;
						line-height: 54rpx;
						font-weight: 400;
						font-size: 26rpx;
						color: #333333;
						margin-left: 24rpx;
					}

					.btn2 {
						width: 152rpx;
						height: 52rpx;
						border-radius: 536rpx 536rpx 536rpx 536rpx;
						border: 1rpx solid #F63418;
						text-align: center;
						line-height: 54rpx;
						font-weight: 400;
						font-size: 26rpx;
						color: #F63418;
						margin-left: 24rpx;
					}
				}
			}
		}
	}

	.popup-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 48rpx;
		width: 750rpx;
		min-height: 660rpx;
		background: #FFFFFF;
		border-radius: 22rpx 22rpx 0rpx 0rpx;


	}

	.popup-title {
		margin-top: 40rpx;
		font-weight: 700;
		font-size: 32rpx;
		color: #333333;
	}

	.popup-center {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: auto;

		>image {
			margin-left: 14rpx;
			width: 20rpx;
			height: 20rpx;
		}
	}

	.btns {
		width: 680rpx;
		height: 80rpx;
		background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
		border-radius: 190rpx 190rpx 190rpx 190rpx;
		text-align: center;
		line-height: 80rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #FFFFFF;
	}

	.wrapss {
		margin-top: 20rpx;
		display: flex;
		align-items: center;
		flex-direction: column;
		padding-bottom: 50rpx;

		>image {
			width: 40rpx;
			height: 40rpx;
		}
	}

	.itemcenter2 {
		width: 600rpx;
		min-height: 140rpx;
		margin-top: 30rpx;
		margin-left: 24rpx;
		display: flex;
		padding: 10rpx;

		>image {
			width: 140rpx;
			height: 140rpx;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
		}

		.itemcenterright {
			margin-left: 24rpx;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.itemcenterrightitem {
				width: 400rpx;
				// margin-top: 10rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color: #333;

				/* 显示省略号 */
				.textone {
					font-weight: 400;
					font-size: 26rpx;
					color: #666666;
				}

				.texttwo {
					font-weight: 400;
					font-size: 26rpx;
					color: #666666;
					margin-left: 34rpx;
				}
			}
		}
	}

	.prompt {
		width: 600rpx;
		background: #ffffff;
		margin: 0 auto;
		border-radius: 20rpx;
		padding-top: 10rpx;
		padding-bottom: 40rpx;
	}

	.prompt2 {
		width: 750rpx;
		background: #ffffff;
		margin: 0 auto;
		border-top-right-radius: 20rpx;
		border-top-left-radius: 20rpx;
		padding-top: 10rpx;
		padding-bottom: 40rpx;
	}

	.prompt>text {
		margin-top: 40rpx;
	}

	.prompt_tit {
		margin: 0 30rpx;
		font-size: 28rpx;
		color: #666666;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.prompt_ntm {
		width: 100%;
		font-size: 30rpx;
		margin-top: 50rpx;
	}

	.prompt_ntm2 {
		width: 100%;
		font-size: 30rpx;
		margin-top: 50rpx;

		>text {
			width: 690rpx;
			height: 80rpx;
			background: linear-gradient(270deg, #FA2222 2%, #FFC400 98%);
			border-radius: 190rpx 190rpx 190rpx 190rpx;
			text-align: center;
			line-height: 80rpx;
			color: #fff;
		}
	}

	.prompt_ntm>text:nth-child(1) {
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: #F2F2F2;
		border-radius: 40rpx;
		color: #333333;
	}

	.selwrap {
		width: 620rpx;
		margin: 0 auto;
		margin-top: 40rpx;
	}

	.selitem {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 40rpx;

		>text {
			font-weight: 400;
			font-size: 30rpx;
			color: #3D3D3D;
		}

		>image {
			width: 36rpx;
			height: 36rpx;
		}
	}

	.tits {
		width: 620rpx;
		font-weight: 400;
		font-size: 30rpx;
		color: #3D3D3D;
		margin: 0 auto;
		margin-top: 50rpx;
	}

	.contents {
		width: 620rpx;
		height: 108rpx;
		font-family: Source Han Sans, Source Han Sans;
		font-weight: 400;
		font-size: 24rpx;
		color: #666666;
	}

	.prompt_ntm>text:nth-child(2) {
		width: 200rpx;
		height: 72rpx;
		line-height: 72rpx;
		text-align: center;
		background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
		border-radius: 40rpx;
		color: #ffffff;
	}

	/deep/.u-count-down__text {
		color: #E78C4C !important;
	}

	.popup-content1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 48rpx;
		width: 602rpx;
		height: 406rpx;
		background: #FFFFFF;
		border-radius: 22rpx 22rpx 22rpx 22rpx;


	}

	.popup-title1 {
		margin-top: 40rpx;
		font-weight: 700;
		font-size: 32rpx;
		color: #333333;
	}

	.popup-center1 {
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: auto;

		>image {
			margin-left: 14rpx;
			width: 20rpx;
			height: 20rpx;
		}
	}

	.btns1 {
		width: 264rpx;
		height: 72rpx;
		background: linear-gradient(90deg, #FA2222 2%, #FFC400 98%);
		border-radius: 280rpx 280rpx 280rpx 280rpx;
		text-align: center;
		line-height: 72rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #FFFFFF;
	}

	.address {
		width: 690rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin-top: 50rpx;
	}

	.pd3024 {
		padding: 30rpx 24rpx;
	}

	.pd2024 {
		padding: 20rpx 24rpx;
	}

	.address_top>text {
		margin-right: 16rpx;
	}

	.defaults {
		width: 74rpx;
		height: 36rpx;
		text-align: center;
		font-size: 24rpx;
		color: #ffffff;
		background: #FFC300;
		border-radius: 8rpx;
	}

	.company {
		width: 74rpx;
		height: 36rpx;
		text-align: center;
		font-size: 24rpx;
		color: #ffffff;
		background: #65A3FF;
		border-radius: 8rpx;
	}

	.address_detail {
		margin-top: 20rpx;
	}

	.change_address {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 100%;
	}

	.change_address>text {
		width: 162rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		font-size: 26rpx;
		color: #FFC300;
		border-radius: 40rpx;
		border: 1rpx solid #FFC300;
	}

	.commodity {
		width: 690rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin: 24rpx 0;
		padding: 24rpx;
	}

	.goodsimg>image {
		width: 180rpx;
		height: 180rpx;
		border-radius: 12rpx;
	}

	.goods_r {
		margin-left: 30rpx;
	}

	.mart14 {
		margin-top: 14rpx;
	}

	.mart28 {
		margin-top: 28rpx;
	}
</style>